<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>周边</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=P6VrB5UEVvbu1wifaYtlMF2BDpgG13oX"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_utility.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/iss_app_configure.js?time=20171213174312"></script>
</head>
<body>
    <div class="statusbar-overlay">
    </div>
    <div class="panel-overlay">
    </div>
    <div class="views">
        <div class="view view-main">
            <!-- 周边 -->
            <div class="pages navbar-fixed">
                <div id="nearby_page" data-page="nearby" class="page info-list surround">
                    <!-- navbar开始 -->
                    <div class="navbar theme-white">
                        <div class="navbar-inner">
                            <div class="left">
                                <a href="#" data-href="../home/index.html" data-action="home" data-panel="left" class="link icon-only">
                                    <i class="iconfont icon-shouye"></i></a>
                            </div>
                            <div>
                                周边</div>
                            <div class="rgiht">
                            </div>
                            <!--                            <div data-panel="right" data-popup=".popup-about" class="open-popup">
                                <img src="../../assets/images/common/map/mic2x.png" style="width: 16px; height: 24px; margin: 10px;" /></div>-->
                            <!-- Sub navbar -->
                            <div class="subnavbar">
                                <div class="buttons-row">
                                    <!-- 关联到第1个tab, 默认激活 -->
                                    <a href="#sub_nearby_tab1" class="tab-link active button">景区</a>
                                    <!-- 关联到第2个tab, 默认激活 -->
                                    <a href="#sub_nearby_tab2" class="tab-link button">酒店</a>
                                    <!-- 关联到第3个tab, 默认激活 -->
                                    <a href="#sub_nearby_tab3" class="tab-link button" style="display:none">餐厅</a>
                                    <!-- 关联到第4个tab, 默认激活 -->
                                    <a href="#sub_nearby_tab4" class="tab-link button">娱乐</a>
                                    <!-- 关联到第5个tab, 默认激活 -->
                                    <a href="#sub_nearby_tab5" class="tab-link button" style="display:none">购物</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- navbar结束-->
                    <div class="page-content hide-bars-on-scroll infinite-scroll">
                        <div id="near_tab" class="tabs">
                            <!-- Tabs, 标签内容区容器 -->
                            <div class="tabs sub_tabs">
                                <!-- Tab 1, 默认激活 -->
                                <div id="sub_nearby_tab1" class="tab active">
                                    <div class="page-content">
                                        <div class="content-block sub-content-block">
                                            <!--列表开始 -->
                                            <div class="list-block media-list">
                                                <script id="template-nearby-tab1" type="text/template7">
                                                    {{#each results}}
                                                        <li>
	                                                        <a href="#" data-href="../booking/ticketDetail.html?ticketdetail_guid={{code}}" data-action="fw7" class="item-link item-content">
		                                                        <div class="item-media" style="background-image:url('{{getImage.smallImageFrontUrl}}');" class="lazy lazy-fadeIn"></div>
			                                                        <div class="item-inner">
			                                                        <div class="item-title-row">
				                                                        <div class="item-title">{{cnName}}</div>
			                                                        </div>
			                                                        <div class="item-subtitle">
				                                                        <div class="f-l">{{distance}}km</div>
			                                                        </div>
			                                                        <div class="item-subtitle">
				                                                        <div class="item-text">{{address}}</div>  
			                                                        </div>
		                                                        </div>
	                                                        </a>
                                                        </li>
						                            {{/each}}
                                                </script>
                                                <ul>
                                                </ul>
                                            </div>
                                            <!-- 列表结束 -->
                                            <!-- 无限加载提示符 -->
                                            <div class="infinite-scroll-preloader1 t-c">
                                                <div class="preloader">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Tab 2 -->
                                <div id="sub_nearby_tab2" class="tab">
                                    <div class="page-content">
                                        <div class="content-block sub-content-block">
                                            <!--列表开始 -->
                                            <div class="list-block media-list sub-list-block">
                                                <script id="template-nearby-tab2" type="text/template7">
                                                   {{#each results}}
                                                        <li>
	                                                        <a href="#" data-href="../booking/hotelDetail.html?code={{code}}" data-action="fw7" class="item-link item-content">
		                                                        <div class="item-media" style="background-image:url('{{getImage.smallImageFrontUrl}}');" class="lazy lazy-fadeIn"></div>
			                                                        <div class="item-inner">
			                                                        <div class="item-title-row">
				                                                        <div class="item-title">{{cnName}}</div>
			                                                        </div>
			                                                        <div class="item-subtitle">
				                                                        <div class="f-l">{{distance}}km</div>
			                                                        </div>
			                                                        <div class="item-subtitle">
				                                                        <div class="item-text">{{address}}</div>  
			                                                        </div>
		                                                        </div>
	                                                        </a>
                                                        </li>
						                           {{/each}}
                                                </script>
                                                <ul>
                                                </ul>
                                            </div>
                                            <!-- 列表结束 -->
                                            <!-- 无限加载提示符 -->
                                            <div class="infinite-scroll-preloader2 t-c">
                                                <div class="preloader">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Tab 3 -->
                                <div id="sub_nearby_tab3" class="tab">
                                    <div class="page-content">
                                        <div class="content-block sub-content-block">
                                            <!--列表开始 -->
                                            <div class="list-block media-list sub-list-block">
                                                <script id="template-nearby-tab3" type="text/template7">
                                                    {{#each results}}
                                                        <li>
                                                            <a href="#" data-href="../elements/restaurantDetail.html?scode={{code}}" data-action="fw7" class="item-link item-content">
                                                                <div class="item-media" style="background-image:url('{{getImage.smallImageFrontUrl}}');" class="lazy lazy-fadeIn"></div>
                                                                    <div class="item-inner">
                                                                    <div class="item-title-row">
                                                                        <div class="item-title">{{cnName}}</div>
                                                                    </div>
                                                                    <div class="item-subtitle">
                                                                        <div class="f-l">{{distance}}km</div>
                                                                    </div>
                                                                    <div class="item-subtitle">
                                                                        <div class="item-text">{{address}}</div>  
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </li>
                                                    {{/each}}
                                                </script>
                                                <ul>
                                                </ul>
                                            </div>
                                            <!-- 列表结束 -->
                                            <!-- 无限加载提示符 -->
                                            <div class="infinite-scroll-preloader3 t-c">
                                                <div class="preloader">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Tab 4 -->
                                <div id="sub_nearby_tab4" class="tab">
                                    <div class="page-content">
                                        <div class="content-block sub-content-block">
                                            <!--列表开始 -->
                                            <div class="list-block media-list sub-list-block">
                                                <script id="template-nearby-tab4" type="text/template7">
                                                    {{#each results}}
                                                        <li>
                                                            <a href="#" data-href="../elements/entertainmentDetail.html?scode={{code}}" data-action="fw7" class="item-link item-content">
                                                                <div class="item-media" style="background-image:url('{{getImage.smallImageFrontUrl}}');" class="lazy lazy-fadeIn"></div>
                                                                    <div class="item-inner">
                                                                    <div class="item-title-row">
                                                                        <div class="item-title">{{cnName}}</div>
                                                                    </div>                                             
                                                                    <div class="item-subtitle">
                                                                        <div class="f-l">{{distance}}km</div>
                                                                    </div>
                                                                    <div class="item-subtitle">
                                                                        <div class="item-text">{{getDistrictText}}</div>  
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </li>
                                                    {{/each}}
                                                </script>
                                                <ul>
                                                </ul>
                                            </div>
                                            <!-- 列表结束 -->
                                            <!-- 无限加载提示符 -->
                                            <div class="infinite-scroll-preloader4 t-c">
                                                <div class="preloader">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Tab 5 -->
                                <div id="sub_nearby_tab5" class="tab">
                                    <div class="page-content">
                                        <div class="content-block sub-content-block">
                                            <!--列表开始 -->
                                            <div class="list-block media-list sub-list-block">
                                                <script id="template-nearby-tab5" type="text/template7">
                                                    {{#each results}}
                                                        <li>
                                                            <a href="#" data-href="../elements/shoppingDetail.html?scode={{code}}" data-action="fw7" class="item-link item-content">
                                                                <div class="item-media" style="background-image:url('{{getImage.smallImageFrontUrl}}');" class="lazy lazy-fadeIn"></div>
                                                                    <div class="item-inner">
                                                                    <div class="item-title-row">
                                                                        <div class="item-title">{{cnName}}</div>
                                                                    </div>
                                                                    <div class="item-subtitle">
                                                                        <div class="f-l">{{distance}}km</div>
                                                                    </div>
                                                                    <div class="item-subtitle">
                                                                        <div class="item-text">{{address}}</div>  
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </li>
                                                    {{/each}}
                                                </script>
                                                <ul>
                                                </ul>
                                            </div>
                                            <!-- 列表结束 -->
                                            <!-- 无限加载提示符 -->
                                            <div class="infinite-scroll-preloader5 t-c">
                                                <div class="preloader">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- end Tabs -->
                        </div>
                    </div>
                    <!-- end page-content -->
                </div>
                <!-- end page -->
                <div class="popup popup-about" style="background: transparent; opacity: 0.8;">
                    <div style="background: #393939; width: 54%; height: 39%; margin-left: 25%; margin-top: 45%;">
                        <img src="../../assets/images/common/map/mic4x.png" style="width: 60%; margin-left: 20%; padding-top: 17%;" />
                        <div class="close-popup" style="width: 60%; margin-left: 20%; margin-top: 17%; height: 20%;
                            color: white;">
                            关闭，请点击此处</div>
                    </div>
                </div>
            </div>
        </div>
    </div> 
    <!-- end pages-->
    <!-- end view-main-->
    <!-- 外部链接 -->
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!-- Framework7 Library JS-->
    <script type="text/javascript" src="../../assets/js/base/framework7.min.js?time=20171213174312"></script>
    <!-- Api -->
    <script type="text/javascript" src="../../assets/js/base/iss_api_jquery.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>
    <!-- App js-->
    <script type="text/javascript" src="../../assets/js/common/iss_app.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_common_user.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_convertor.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_login.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_booking_ticket.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_booking_hotel.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_elements_food.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_elements_entertainment.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_elements_shopping.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/map/MapIframe/IframeForGoto.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_experience_nearby.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_image_list.js?time=20171213174312"></script>
</body>
</html>
